<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>游服科技官网</title>
	<meta name="author" content="Alvaro Trigo Lopez" />
	<meta name="description" content="fullPage plugin by Alvaro Trigo. Pure javascript version of full screen slider." />
	<meta name="keywords"  content="fullpage,jquery,alvaro,trigo,plugin,fullscren,screen,full,iphone5,apple,pure,javascript,slider,hijacking" />
	<meta name="Resource-type" content="Document" />
	<style>
</style>
</head>
<body>

<!-- 顶部导航 -->
<div class="headerpage"></div>
<div style="height:70px"></div>
<div style="background-image: url(../images/goodintro.jpg); background-repeat:no-repeat; background-size:100% 100%;height:350px">
	<div style="text-align:center;z-index:11;padding-top:130px;font-size: 35px; color:lightgrey">产品列表</div>
</div>
<div>
	<div class="cintro-title"></div>
	<div id="goods">
		<div class="row" style="height:300px">
			<div class="col-md-4" style="text-align: right;padding-top:5px">
				<img src="../images/1.jpg"  style="height: 200px;width:300px"/>
			</div>
			<div class="col-md-7">
				<div style="font-size:20px; color:dodgerblue">
					标题
					<br/>
				</div>
				<div style="margin-top:10px;color:gray">
					金融机构正处于一个新的历史时期，技术正在以指数型速度发展，金融业即将进入颠覆式发展阶段。为多维展示新技术在金融领域的优秀应用实践，共同探讨金融与科技创新发展关系，
				</div>
			</div></div>
	</div>


</div>
<div style="height:200px;width:100%;" >
	<iframe   frameborder=0   border=0  style="height:100%;width:100%;"  src="booter.html" mce_src="booter.html"></iframe>  

</div>
<script type="text/javascript" src="../js/jquery-2.0.3.js"></script>
<script src="../js/layer/layer.js"></script>
<script type="text/javascript" src="../js/request.js"></script>
<script type="text/javascript" src="../js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="../bootstrap-3.3.7/js/bootstrap.js"></script>

<script type="text/javascript">
$(function () {
    $(".headerpage").load("header.html");

    var currentPage = 1;
    var totals = 0;

    query(currentPage);
    function query(currentPage) {
        $.ajaxHttp({
            url: '/web/product/listByPage',
            type: 'POST',
            json: true,
            mask: true, //是否有loading,
            data: {
                currentPage: currentPage,
                pageSize: 3
            }
        }).then(function(data){
//        layer.msg("操作成功");
            // 成功回调，data是成功回调参数
            console.log(data)
            $("#goods").html('');
            var content = '';
            for (var i = 0; i < data.list.length; i++) {
                var con = data.list[i]
                content += '<div onclick="toDetail(' + con.id +')" class="row" style="height:300px"><div class="col-md-4" style="text-align: right;padding-top:5px">' +
                    '<img src="'+ con.fileFtpPath  +'"  style="height: 200px;width:300px"/>' +
                    '</div>' +
                    '<div class="col-md-7">' +
                    '<div style="font-size:20px; color:dodgerblue">' +
                    con.gwProductName +
                    '<br/>' +
                    '</div>' +
                    '<div style="margin-top:10px;color:gray">' +
                    con.gwProductBrief +
                    '</div>' +
                    '</div></div>';
            }
            $("#goods").html(content);
            totals = data.totals;
        }, function(err){
            console.log(err);
            // 错误回调，err是错误回调参数
            // 这里不处理错误也可以，上面都有集中处理错误，会tips
        })
    }
})

	function toDetail(goodId) {
       window.location.replace("goodsIntro.html?productId=" + goodId);
	}
	

</script>

</body>
</html>
